<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>京东手机端</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="container">
			<!--搜索部分-->
			<div class="jd_search clearfix">
				<div class="logo"></div>
				<div class="searchBox">
					<form action="">
						<input type="text" name="search" id="" placeholder="输入关键词" />
					</form>
				</div>
				<div class="login">登录</div>
			</div>
			<!--焦点图部分-->
			<div class="banner">
				<ul class="clearfix">
					<li>
						<a href="javascript:;"><img src="uploads/l1.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l2.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l3.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l4.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l5.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l6.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l7.jpg" alt="" /></a>
					</li>
					<li>
						<a href="javascript:;"><img src="uploads/l8.jpg" alt="" /></a>
					</li>
				</ul>
				<div class="slide"></div>
			</div>
			<!--导航部分-->
			<div class="nav">
				<ul class="clearfix">
					<li>
						<img src="img/nav_1.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_2.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_3.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_4.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_5.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_6.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_7.png" alt="" />
						<p>商品分类</p>
					</li>
					<li>
						<img src="img/nav_8.png" alt="" />
						<p>商品分类</p>
					</li>
				</ul>
			</div>
			<!--产品部分-->
			<div class="product">
				<!--秒杀部分-->
				<div class="produc_sk">
					<div class="sk_t">
						<div class="sk_l fl">
							<i></i>
							<h3>掌上秒杀</h3>
							<div class="sk_time">
								<span>0</span><span>0</span><span>:</span><span>0</span><span>0</span><span>:</span><span>0</span><span>0</span>
							</div>
						</div>
						<div class="sk_r fr">
							<a href="javascript:;">更多秒杀>></a>
						</div>
					</div>
					<div class="detail clearfix">
						<ul>
							<li>
								<a href="#"><img src="uploads/detail01.jpg" alt="秒杀" /></a>
								<p>￥9.99</p>
								<p>￥20.00</p>
							</li>
							<li>
								<a href="#"><img src="uploads/detail01.jpg" alt="秒杀" /></a>
								<p>￥9.99</p>
								<p>￥20.00</p>
							</li>
							<li>
								<a href="#"><img src="uploads/detail01.jpg" alt="秒杀" /></a>
								<p>￥9.99</p>
								<p>￥20.00</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="product_hot clearfix">
					<h3>京东超市</h3>
					<ul>
						<li><a href="#"><img src="uploads/cp1.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp2.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp3.jpg" alt="" /></a></li>
					</ul>
				</div>
				<div class="product_hot clearfix hotmark">
					<h3>京东有礼</h3>
					<ul>
						<li><a href="#"><img src="uploads/cp6.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp5.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp4.jpg" alt="" /></a></li>
					</ul>
				</div>
				<div class="product_hot clearfix">
					<h3>京东电器</h3>
					<ul>
						<li><a href="#"><img src="uploads/cp1.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp2.jpg" alt="" /></a></li>
						<li><a href="#"><img src="uploads/cp3.jpg" alt="" /></a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>